.container {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
  padding-left: 40px;
  padding-top: 20px;
  .btn_list {
    display: flex;
    //align-items: center;
    height: 60px;
    margin-left: 6%;
    div {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-left: 40px;
      padding: 0 30px;
      height: 30px;
      border: 1px solid #d8d8d8;
      border-radius: 6px;
      cursor: pointer;
    }
    .active {
      color: #fff;
      border-color: #fff;
      background-color: #02a7f0;
    }
  }
  .search {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-around;
  }
  .table_data {
    width: 100%;
  }
  .page {
    margin-top: 20px;
    display: flex;
    justify-content: flex-end;
  }

  .detail {
    .detail_top {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-around;
      div {
        display: flex;
        flex-flow: column nowrap;
        justify-content: space-around;
        height: 130px;
        span:nth-child(1) {
          font-weight: 550;
        }
      }
    }
    .detail_bottom {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-around;
      div {
        display: flex;
        flex-flow: column nowrap;
        justify-content: space-around;
        height: 80px;
        width: 20%;
        span:nth-child(1) {
          font-weight: 550;
        }
      }
    }
  }
}
